<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SEO</title>
    <link rel="stylesheet" href="../css/jishuzhandian.css">
    
</head>
<body>
    
   <!-- 导航 -->
   <div class="header">
    <div>
        <img src="../images/picture/tupain10.png" alt="Logo">
    </div>
    <div class="nav">
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">案例中心</a>
                <ul class="case-center">
                    <div class="img-container">
                        <img src="../images/picture/tupain11.jpg" class="img">
                        <img src="../images/picture/tupian12.jpg" class="img">
                        <img src="../images/picture/tupain13.jpg" class="img">
                    </div>
                    <div id="zicaidan1">
                        <li class="zicaidanli"><a href="">SEO优化</a></li>
                        <li class="zicaidanli"><a href="">SEM营销</a></li>
                        <li class="zicaidanli"><a href="">内容营销</a></li>
                    </div>
                </ul>
            </li>
            <li><a href="">SEO招商</a></li>
            <li><a href="">SEO技术</a>
                <ul class="zi">
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                </ul>
            </li>
            <li><a href="">建站招商</a></li>
            <li><a href="">建站技术</a>
                <ul class="zi">
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                </ul>
            </li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
    <div id="dianhua">
        <img src="../images/picture/dian.png" alt="Phone">
    </div>
</div>
<!-- 不能删 -->
<div id="bukeshan"></div>


    <div id="background-image">      
        
        <div id="fixed">
            <span id="fixed2"></span>
            <img src="../images/picture/dianhua3.png"  width="110px"height="35px"alt="">
           
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">官网优化</a>
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">整站优化</a>
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">渠道代理</a>
            <br>
            <img src="../images/picture/erweima.png" width=100px height=100px alt="">
            <a href="#">400-888-8888</a>


        </div>
        <span id="out"></span>


        <div id="side">
            <button id="scrollToTopBtn">^<br>TOP</button>
        </div>

    
    </div>

   




    <div id="content">
        <div id="content1">
            <img src="../images/picture/fangzi.png" style="display: inline;"width="25px" height="25px" alt="">

            <span>当前位置</span>
            <span>: 首页</span>
            <span id="back">》建站技术</span>
        </div>
        <br>
        <div id="content2">
            <button class="title">域名备案</button>
            <button class="title">网页设计</button>
            <button class="title">网站建设</button>
            <button class="title">建站经验</button>
        </div>        
    </div>


    <div id="content3">


        <div id="pageturnstart">
            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>              
                <br>
                <h4 class="red1">对于SEO网站关键字词库的普及</h4><br>
                <p class="red2">关于，对于关键字相信大家并不陌生，那么对于呢，大家可能就不
                    太了解，那小编也为大家收集了一些相关知识...</p>
                <br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>                 
            </div>

            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">分享SEO基础方面的一些小诀窍</h4><br>
                <p class="red2">在做过程中，我们可以试着在其中运用一些小诀窍，这样不仅让我们避免一些小错误，也能让我们SEO基本品质...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>                    
            </div>
            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">企业做网站如何选择适合的建站公司</h4><br>
                <p class="red2">企业建站怎样选择适合的网站建设公司？上海作为一线城市，网站建设公司自然是很多的，这也给很多企业在选择的...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>                   
            </div>
            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">网页建站的知识你应该有所了解</h4><br>
                <p class="red2">在这个网络化的社会，一家公司的网站建设是很有必要的，也有的公司需要进行网站建设，一方面可以...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>       
            </div>
        </div>









        <div class="pageturn">
            <div class="content4" >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">对于SEO网站关键字词库的普及</h4><br>
                <p class="red2">关于，对于关键字相信大家并不陌生，那么对于呢，大家可能就不
                太了解，那小编也为大家收集了一些相关知识...
                </p ><br><hr>
                <span class="red3"pan>2022-07-05</span>  
                <span class="red4">—></span>            
            </div>
            <div class="content4"  >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">分享SEO基础方面的一些小诀窍</h4><br>
                <p class="red2">在做过程中，我们可以试着在其中运用一些小诀窍，这样不仅让我们避免一些小错误，也能让我们SEO基本品质...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>           
            </div>
            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">网页建站的知识你应该有所了解</h4><br>
                <p class="red2">在这个网络化的社会，一家公司的网站建设是很有必要的，也有的公司需要进行网站建设，一方面可以...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>       
            </div>
        </div>
        <div class="pageturn">
            <div class="content4">
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">对于SEO网站关键字词库的普及</h4><br>
                <p class="red2">关于，对于关键字相信大家并不陌生，那么对于呢，大家可能就不
                太了解，那小编也为大家收集了一些相关知识...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>            
            </div>
            <div class="content4" >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">分享SEO基础方面的一些小诀窍</h4><br>
                <p class="red2">在做过程中，我们可以试着在其中运用一些小诀窍，这样不仅让我们避免一些小错误，也能让我们SEO基本品质...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>           
            </div>
            <div class="content4" >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">网页建站的知识你应该有所了解</h4><br>
                <p class="red2">在这个网络化的社会，一家公司的网站建设是很有必要的，也有的公司需要进行网站建设，一方面可以...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>       
            </div>
        </div>
        <div class="pageturn">
            <div class="content4" >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">对于SEO网站关键字词库的普及</h4><br>
                <p class="red2">关于，对于关键字相信大家并不陌生，那么对于呢，大家可能就不
                太了解，那小编也为大家收集了一些相关知识...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>            
            </div>
            <div class="content4"  >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">分享SEO基础方面的一些小诀窍</h4><br>
                <p class="red2">在做过程中，我们可以试着在其中运用一些小诀窍，这样不仅让我们避免一些小错误，也能让我们SEO基本品质...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>           
            </div>
            <div class="content4"  >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">网页建站的知识你应该有所了解</h4><br>
                <p class="red2">在这个网络化的社会，一家公司的网站建设是很有必要的，也有的公司需要进行网站建设，一方面可以...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>       
            </div>
        </div>
        <div class="pageturn">
            <div class="content4" >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">对于SEO网站关键字词库的普及</h4><br>
                <p class="red2">关于，对于关键字相信大家并不陌生，那么对于呢，大家可能就不
                太了解，那小编也为大家收集了一些相关知识...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>            
            </div>
            <div class="content4"  >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">分享SEO基础方面的一些小诀窍</h4><br>
                <p class="red2">在做过程中，我们可以试着在其中运用一些小诀窍，这样不仅让我们避免一些小错误，也能让我们SEO基本品质...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>           
            </div>
            <div class="content4"  >
                <div class="fangda">
                    <img src="../images/picture/tupian7.jpg" alt="">  
                </div>  
                <br>
                <h4 class="red1">网页建站的知识你应该有所了解</h4><br>
                <p class="red2">在这个网络化的社会，一家公司的网站建设是很有必要的，也有的公司需要进行网站建设，一方面可以...
                </p><br><hr>
                <span class="red3">2022-07-05</span>  
                <span class="red4">—></span>      
            </div>
        </div>


    </div>

    <div id="tail1">
        <button><<</button>
        <button>1</button>
        <button>1/1</button>
        <button>>></button>
    </div>

   
    <div class="footer">
        <div class="shang">
            <p style="color: #9a1726;">热门TAG</p>
            <p style="color: #8b8c9b;">seo企业网站</p>
        </div>
        <div class="last"></div>
        <div class="zhong">
            <div class="left">
                <img src="../images/picture/erweima.png" style="display: block;width: 150px;height: 150px;">
                <img src="../images/picture/weixin.png" style="margin-left: 25px; margin-top: 10px;">
                <em style="color: #8f8da8;">微信咨询</em>
            </div>
            <div class="line"></div>
            <div class="center">
                <div class="one">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">案例中心</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">seo优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">整站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站建设</a></li>
                    </ul>
                </div>
                <div class="two">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">SEO技术</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">SEO基础</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">建站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">营销推广</a></li>
                    </ul>
                </div>
                <div class="three">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">建站技术</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">域名备案</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网页设计</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站建设</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">建站经验</a></li>
                    </ul>
                </div>
                <div class="four">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">SEO招商</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">建站招商</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">关于我们</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="line" style="margin-left: 100px;"></div>
            <div class="right">
                <p>联系我们</p>
                <p class="second">400-888-8888</p>
                <div class="zixun">
                    <a href="">立即咨询</a>
                </div>
                <div class="dizhi">
                    <img src="../images/picture/dizhi.png" style="width: 30px;height: 30px;">
                    <em>南京市玄武区玄武湖</em>
                </div>
                <div class="youxiang"><img src="../images/picture/xinfeng.png" style="width: 30px;height: 30px;">
                    <em>admin@admin.com</em>
                </div>

            </div>
        </div>
        <div class="xia">Copyright◎2022测试站点本站资源来源于互联网苏ICP12345678XML地图</div>
    </div>









    <script>
        document.querySelectorAll('.nav ul li').forEach(function (li) {
            const subMenu = li.querySelector('ul');
            if (!subMenu) return;

            li.addEventListener('mouseenter', function () {
                subMenu.style.opacity = 1;
                subMenu.style.transform = 'translateY(0)';
                subMenu.style.pointerEvents = 'auto';
                subMenu.style.visibility = 'visible';
                subMenu.style.animation = 'slideDown 0.3s ease forwards';
            });

            li.addEventListener('mouseleave', function () {
                subMenu.style.animation = 'slideUp 0.3s ease forwards';
                subMenu.addEventListener('animationend', function () {
                    subMenu.style.opacity = 0;
                    subMenu.style.transform = 'translateY(-20px)';
                    subMenu.style.visibility = 'hidden';
                    subMenu.style.pointerEvents = 'none';
                    subMenu.removeEventListener('animationend', arguments.callee);
                });
            });
        });
    </script>

    <script src="../js/jichuzhandian.js"></script>
    
</body>
</html>